Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

169
Vistas
¿Cómo convertir "for of" en JavaScript clásico a jQuery?

No estoy muy familiarizado con JavaScript clásico, entonces, ¿cómo se verían estas líneas en jQuery?

 const siemas = document.querySelectorAll('.slider'); for(const siema of siemas) { new Siema({ selector: siema }); }

Este ...

 const siemas = document.querySelectorAll('.slider');

.. será justo (si tengo razón):

 var siemas = $('.slider');

Y esto ...

 for(const siema of siemas)

... se convertirá en algo como:

 $.each ???
about 4 years ago · Juan Pablo Isaza
3 Respuestas
Responde la pregunta

0

Si tiene varias presentaciones de diapositivas

  • for..of vs bucle for simple

     const sliders = document.querySelectorAll('.slider'); for (let i=0;i<sliders.length;i++) { new Siema({ selector: sliders[i] }); }
  • para.. de vs para cada uno

for..of no es compatible con IE, pero puede usar un forEach en su lugar. El forEach debe envolverse usando spread ya que IE tampoco es compatible con forEach en una colección HTML

 [...document.querySelectorAll('.slider')].forEach(function() { new Siema({ selector: this }); })
  • para..de vs jQuery cada uno

     $('.slider').each(function() { new Siema({ selector: this }) })
  • tal vez (dependiendo de su html) simplemente puede hacer

     const slideShow = new Siema({ selector: '.slider' })
about 4 years ago · Juan Pablo Isaza Denunciar

0

En jquery.

 var siemas = $('.slider'); siemas.each(function(){ // this represent current element new Siema({ selector: this }); });
about 4 years ago · Juan Pablo Isaza Denunciar

0

for..of es un ciclo ampliamente disponible, que es compatible con todos los navegadores, excepto el ahora obsoleto IE. Entonces, en jQuery harías

 $('slider').each(function() { //this is the 'current' slider element //$(this) is the jQuery object of the current slider });

Pero no es muy recomendable aumentar la dependencia de jQuery, una tecnología que JS ya no necesita solo para soportarla. En su lugar, podría simplemente usar sus bucles for..of mientras escribe su código y usar BabelJS para convertir su código a ES5 para que IE pueda manejarlo. Ejemplo :

Convierte

 var arr = [1, 2, 3]; for (let item of arr) { //do whatever with item }

dentro

 "use strict"; var arr = [1, 2, 3]; for (var _i = 0, _arr = arr; _i < _arr.length; _i++) { //do whatever with item var item = _arr[_i]; }

Entonces, puede implementar myscript.js y usando Babel puede generar su versión ES5 , llamémoslo myscript_ie.js. Entonces, cuando su página está cargada, puede verificar si el navegador es IE. De lo contrario, puede cargar su script normal. De lo contrario, puede cargar su versión de IE.

El motivo de esta recomendación específica es que for..of es solo una de las funciones que IE no admite, esta respuesta tiene como objetivo resolver todas estas incompatibilidades, o al menos reducirlas en gran medida y va más allá del problema de for..of

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda